.list {
    background: #fff;
    padding: 0 50rpx;
    border-bottom: 16rpx solid #f5f5f6;

    >navigator:nth-of-type(1) {
        >view:nth-of-type(1) {
            padding: 30rpx 0;
            display: flex;
            justify-content: space-between;
            align-items: center;

            >text:nth-of-type(1) {
                flex: 1;
                font-size: 32rpx;
                color: #333333;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            >text:nth-of-type(2) {
                font-size: 32rpx;
                color: #00c693;
            }
        }

        >view:nth-of-type(2) {
            padding-bottom: 30rpx;
            border-bottom: 2rpx solid #e6e6e6;
            display: flex;
            align-items: center;

            >text {
                margin-right: 20rpx;
                padding: 8rpx 16rpx;
                background-color: #f8f8f8;
                border-radius: 6px;
                font-size: 20rpx;
                color: #303030;
            }
        }

    }

    >navigator:nth-of-type(2) {
        height: 80rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;

        >view:nth-of-type(1) {
            flex: 1;
            display: flex;
            align-items: center;

            >image {
                width: 60rpx;
                height: 60rpx;
                border-radius: 60rpx;
            }

            >text {
                flex: 1;
                padding-left: 20rpx;
                font-size: 28rpx;
                color: #333333;
                text-overflow: -o-ellipsis-lastline;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
            }
        }

        >text {
            font-size: 28rpx;
            color: #333333;
        }
    }
}
